<em>import React from 'react'</em>

<em>export default class Index extends React.Component</em>{
	<s>onClick</s>( ){
		<em>const</em> { <b>onSearch</b> } = <i>this.props</i>
		<b>onSearch</b> && <b>onSearch(1,2)</b>
	}
	<em>render( )</em>{
		<em>const</em> <i>{</i> <b>name</b>, <b>header</b>, <b>footer</b>, <b>icon</b>, <b>onSearch</b>, <b>children</b> <i>}</i> = <i>this.props</i>
		<em>return </em> (
			<em>&lt;&gt;</em>
				<i>{</i> <b>name</b> <i>}</i>
				<i>{</i> <b>header && header</b> <i>}</i>
				<i>{</i> <b>footer || footer</b> <i>}</i>
				<i>{</i> <b>icon ? icon( ) : null</b> <i>}</i>
				
				<em>&lt;button</em> <u>onClick</u>=<i>{</i> <s>this.onClick</s> <i>}</i> <em>&gt;click&lt;/button&gt;</em>
				<em>&lt;button</em> <u>onClick</u>=<i>{</i> <s>this.onClick.bind(this)</s> <i>}</i> <em>&gt;click&lt;/button&gt;</em>
				<em>&lt;button</em> <u>onClick</u>=<i>{</i> <s>( )=>this.onClick( )</s> <i>}</i> <em>&gt;click&lt;/button&gt;</em>
				
				<em>&lt;button</em> <u>onClick</u>=<i>{</i> <b>onSearch.bind(this,0,1)</b> <i>}</i> <em>&gt;click&lt;/button&gt;</em>
				<em>&lt;button</em> <u>onClick</u>=<i>{</i> <b>( )=>onSearch(0,1)</b> <i>}</i> <em>&gt;click&lt;/button&gt;</em>
				
				<i>{</i> <b>children</b> <i>}</i>
			<em>&lt;/&gt;</em>
		)
	}
}